import React, { Component } from "react";
import { Breadcrumb } from "antd";
import { Link } from "react-router-dom";

class JBreadcrumb extends Component {
  render() {
    const { selectMenu } = this.props;
    const listitems = selectMenu.map((item, index) => (
      <Breadcrumb.Item key={index}>{item}</Breadcrumb.Item>
    ));
    return (
      <Breadcrumb
        style={{
          lineHeight: "40px",
          height: "40px",
          background: "#fff",
          padding: "0 24px"
        }}
      >
        {/* <Breadcrumb.Item>
          <Link to="/">Home</Link>
        </Breadcrumb.Item> */}
        {listitems}
      </Breadcrumb>
    );
  }
}

export default JBreadcrumb;
